/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      告警      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Alarm {
  font-size: 0.16rem;

  /* ============================== 容器 ============================== */
  .container {
    position: absolute;
    height: 86vh;
    width: 100%;
    top: 10.6vh;

    .AlarmLeft {
      position: absolute;
      left: 2vw;
      width: 17.5vw;
      height: 86vh;
      border: 1px solid #3484ef;
      box-shadow: 1px 1px 2px #3484ef, -1px -1px 2px #3484ef;
      border-radius: 4px;
    }

    .AlarmRight {
      position: absolute;
      right: 0;
      width: 25vw;
      height: 86vh;
      border-top: 3px solid #3484ef;
      background: linear-gradient(
        80deg,
        rgba($color: #071024, $alpha: 0.38) 60%,
        rgba($color: #3484ef, $alpha: 0.3),
        rgba($color: #74affc, $alpha: 0.3)
      );
      border-radius: 4px;
    }
  }
}
